import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginAPI } from "@/apis/user"
import { useCartStore } from './cartStore'
import { mergeCartAPI } from "@/apis/cart"

export const useUserStore = defineStore('user', () => {
  //1. 定义管理用户数据的state
  const cartStore = useCartStore()
  const userInfo = ref({})
  //2. 定义获取接口数据的action函数
  const getUserInfo = async ({ account, password }) => {
    const res = await loginAPI({ account, password })
    userInfo.value = res.result
    //合并购物车的操作
    await mergeCartAPI(cartStore.cartList.map(item => {
      return {
        skuId: item.skuId,
        count: item.count,
        selected: item.selected
      }
    }

    ))
    cartStore.updateNewList()



  }
  //退出时清除用户数据
  const clearUserInfo = () => {
    userInfo.value = {}
    cartStore.clearCart()
  }
  //3. 以对象的格式把state和action返回出去
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
},
  {
    persist: true,
    // 持久化存储，刷新页面依然可以获取到之前存储的数据
  })
